<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/profile.css"/>
<link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/pagination/pagination.css">
<script src="<%- Virtual_Path.Static %>jquery.plugin/pagination/pagination.js"></script>
<div class="anchor-cont">
    <div class="divColorbox_Header" class="xiu-dialog-head">
        <span><i class="fa fa-star"></i><span>公会直播记录详细</span></span>
        <a class="Refresh"></a><a class="Close"></a>
    </div>
    <div class="tabs-cont">
        <div class="anchor-cont">
            <div class="tabs-cont">
                <div class="tableinfo">
                    <table class="tabinfo">
                        <thead>
                        <tr>
                            <th>日期</th>
                            <th>直播时长</th>
                            <th>有效时长</th>
                            <th>金豆总收入</th>
                        </tr>
                        </thead>
                        <tbody id="J_OrderList">
                        <tr>
                            <td colspan="3">加载中...</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div id="AjaxPagination" class="pagination"></div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        var _ThisPage = {
            PageParm: {
                P_Get: true,
                Loading: false, //加载中
                Total: null,       //总条数
                MaxCode: "",    //MaxCode
                Start: 0,       //开始
                Length: 7      //页长度
            }
        };
        AnchorDataInfo();
        function AnchorDataInfo() {
            $.ajax({
                url: '/ajax/user.order-live.pageuser',
                type: 'post',
                dataType: 'json',
                data: {
                    P_Get: _ThisPage.PageParm.P_Get,
                    P_Total: _ThisPage.PageParm.Total,
                    P_MaxCode: _ThisPage.PageParm.MaxCode,
                    iDisplayStart: _ThisPage.PageParm.Start,
                    iDisplayLength: _ThisPage.PageParm.Length,
                    Sort_Col: "Report_Day",
                    Sort_Dir: "DESC",
                    User_ID: _PageData.User_ID,
                    Family_ID: _PageData.Family_ID,
                    Report_Day: _PageData.Report_Day
                },
                success: function (data) {
                    _ThisPage.PageParm.Loading = false;
                    _ThisPage.PageParm.P_Get = false;
                    if (data.flag !== 0) {
                        $.KOC.Tips.Open("Error", data.msg + "(" + data.flag + ")", {Timeout: 3000});
                        return;
                    }
                    _ThisPage.PageParm.Total = data.iTotalRecords;
                    if (data.iTotalRecords > 0) {
                        $("#AjaxPagination").empty().pagination(data.iTotalRecords, {
                            num_edge_entries: 2, //边缘页数
                            num_display_entries: 5, //主体页数
                            callback: PageCallback,
                            items_per_page: _ThisPage.PageParm.Length, //每页显示1项
                            prev_text: "前一页",
                            next_text: "后一页"
                        });
                    } else {
                        var _html = RenderPage(null, data.iTotalRecords);
                        $("#AjaxPagination").empty();
                        $('#J_OrderList').empty().html(_html);
                    }
                }
            })
        };
        function PageCallback(id) {
            _ThisPage.PageParm.Start = id * _ThisPage.PageParm.Length;
            InitTable(id);
        };
        function InitTable(index) {
            $.ajax({
                url: '/ajax/user.order-live.pageuser',
                type: 'post',
                dataType: 'json',
                data: {
                    P_Get: _ThisPage.PageParm.P_Get,
                    P_Total: _ThisPage.PageParm.Total,
                    P_MaxCode: _ThisPage.PageParm.MaxCode,
                    iDisplayStart: _ThisPage.PageParm.Start,
                    iDisplayLength: _ThisPage.PageParm.Length,
                    Sort_Col: "Report_Day",
                    Sort_Dir: "DESC",
                    User_ID: _PageData.User_ID,
                    Family_ID: _PageData.Family_ID,
                    Report_Day: _PageData.Report_Day
                },
                success: function (data) {
                    _ThisPage.PageParm.Loading = false;
                    _ThisPage.PageParm.P_Get = false;

                    if (data.flag !== 0) {
                        $.KOC.Tips.Open("Error", data.msg + "(" + data.flag + ")", {Timeout: 3000});
                        return;
                    }
                    _ThisPage.PageParm.Total = data.iTotalRecords;
                    _ThisPage.PageParm.MaxCode = data.sMaxCode;
                    _ThisPage.PageParm.Start += _ThisPage.PageParm.Length;
                    var _html = '';
                    if (_PageData.Duration > 0) {
                        _PageData.Duration = (_PageData.Duration > 0) ? Math.floor(_PageData.Duration / 60) + "小时" + (_PageData.Duration % 60) + "分" : _PageData.Duration = 0;
                        _PageData.Live_Duration_Efftive = (_PageData.Live_Duration_Efftive > 0) ? Math.floor(_PageData.Live_Duration_Efftive / 60) + "小时" + (_PageData.Live_Duration_Efftive % 60) + "分" : 0;
                        _PageData.Create_Date = _PageData.Create_Date ? moment(_PageData.Create_Date).format('YYYY-MM-DD') : '0000-00-00'
                        _html += '<tr>' +
                                '<td>' + _PageData.Create_Date +
                                '</td>' +
                                '<td>' + _PageData.Duration +
                                '</td>' +
                                '<td>' + _PageData.Live_Duration_Efftive +
                                '</td>' +
                                '<td>' + _PageData.Beans_Anchor +
                                '</td>' +
                                '</tr>';
                    }
                    if (_ThisPage.PageParm.Total > 0) {
                        _.forEach(data.aaData, function (ThisValue) {
                            _html += RenderPage(ThisValue);
                        });
                    }
                    $('#J_OrderList').empty().html(_html);
                }
            });
        };
        function RenderPage(ThisValue, len) {
            var _html = '';
            ThisValue.Live_Duration = ThisValue.Live_Duration > 0 ? (Math.floor(ThisValue.Live_Duration / 60) + "小时" + (ThisValue.Live_Duration % 60) + "分" ) : 0;
            ThisValue.Live_Duration_Efftive = ThisValue.Live_Duration_Efftive > 0 ? (Math.floor(ThisValue.Live_Duration_Efftive / 60) + "小时" + (ThisValue.Live_Duration_Efftive % 60) + "分" ) : 0;
            if (len <= 0) {
                _html += '<tr>' +
                        '<td colspan="3">' + '暂无数据！' +
                        '</td>' +
                        '</tr>';
            } else {
                _html += '<tr>' +
                        '<td>' + moment(ThisValue.Report_Day).format('YYYY-MM') +
                        '</td>' +
                        '<td>' + ThisValue.Live_Duration +
                        '</td>' +
                        '<td>' + ThisValue.Live_Duration_Efftive +
                        '</td>' +
                        '<td>' + ThisValue.Beans_Anchor +
                        '</td>' +
                        '</tr>';
            }
            return _html;
        };
    });
</script>